<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="style/css.css" />
    <script src="js/ScrollPic.js" type="text/javascript"></script>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <title>首页</title>
</head>
<body>
    <!--头部-->
    <div id="header">
        <div id="innerHeader">
            <ul>
                <li class="logo">
                 <img src="images/logo.jpg"/></li>
                <li class="menu_nav"><a href="#"><span>首页</span></a></li>
                <li class="menu_nav1"><a href="#">区域医疗</a></li>
                <li class="menu_nav1"><a href="#">产品中心</a></li>
                <li class="menu_nav1"><a href="#">服务支持</a></li>
                <li class="menu_nav1"><a href="#">合作伙伴</a></li>
                <li class="menu_nav1"><a href="#">新闻动态</a></li>
                <li class="menu_nav1"><a href="#">关于我们</a></li>
               <li class="menu_nav1"><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    
    
    <!--banner部分-->
    <div id="banner">
        <div id="slide">
  			<div><img src="flash/images/1.jpg"></div>
  			<div><img src="flash/images/2.jpg"></div>
  			<div><img src="flash/images/3.jpg"></div>
  			<div><img src="flash/images/4.jpg"></div>
			<p id="slide_p"><span class='cur'>1</span><span>2</span><span>3</span><span>4</span></p>
    	</div>
    </div>
    
    <script type="text/javascript">
      var n=count=0;
      var t=null;
      $(function(){
        $("#slide >div:gt(0)").hide();
        count=$("#slide >div").length;
        autoPlay();
        $("#slide").hover(function(){
          clearInterval(t);
        },function(){
          autoPlay();
        });
        $("#slide_p >span").each(function(index){
          $(this).mouseover(function(){
            play(index);
          });
        });
      });     
      function play(num){
        n=num;
        $("#slide >div").fadeOut(500);
        $("#slide >div").eq(n).fadeIn(1000);
        $("#slide_p >span").removeClass('cur');
        $("#slide_p >span").eq(n).addClass('cur');
      }
      function autoPlay(){
        t=setInterval(function(){
          n++;
          if(n>=count) n=0;
          play(n);
        },2000);
      }
    </script>
    
    <script>
	/*
    	var img = document.getElementById("img");
		var i=0;
		var max_img=4;
		var li=document.getElementById("banner").getElementsByTagName("li");
		
		setInterval(function(){			
			for(var j=0;j<max_img;j++){
				if(j==i){
					li[i].style.background="red";	
				}else{
					li[j].style.background="#C63";	
				}
			}	
			i++;
			img.src="flash/images/00"+i+".jpg";
			if(i>=max_img){
				i=0;	
			}
		},1000);
		
		function over(num){
			for(var j=0;j<max_img;j++){
				if(j==num){
					li[num].style.background="red";	
					img.src="flash/images/00"+(num+1)+".jpg";
					i=num;
				}else{
					li[j].style.background="#C63";	
				}	
			}
			
		}
		*/
    </script>
    
    
    <!--中间上部分-->
    <div class="container">
            <h1><img src="images/tab.jpg" width="1001" height="70" /></h1> 
            <div class="container" style="width:1000px">
                 <div class="LeftBotton" id="LeftArr">
                 <img src="images/left.gif" width="26" height="44" />
                 </div>
            <ul id="imgSlis">
                <li >
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>
                <li class="center">
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>
                <li class="center">
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>
                <li >
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>  
                   <li >
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>  
                   <li >
                    <img src="images/badminton.jpg" width="233" height="300" />
                </li>  
            </ul>
                  <div class="rightBotton" id="RightArr">
                    <img src="images/right.gif" width="26" height="44" />
                 </div>
            </div>
        </div>
        <!--滚动实现-->

      
        <script language="javascript" type="text/javascript">
		<!--            //--><![CDATA[//><!--
            var scrollPic_02 = new ScrollPic();
            scrollPic_02.scrollContId = "imgSlis"; //内容容器ID
            scrollPic_02.arrLeftId = "LeftArr"; //左箭头ID
            scrollPic_02.arrRightId = "RightArr"; //右箭头ID

            scrollPic_02.frameWidth = 1001; //显示框宽度
            scrollPic_02.pageWidth = 256; //翻页宽度

            scrollPic_02.speed = 100; //移动速度(单位毫秒，越小越快)
            scrollPic_02.space = 100; //每次移动像素(单位px，越大越快)
            scrollPic_02.autoPlay = false; //自动播放
            scrollPic_02.autoPlayTime = 3; //自动播放间隔时间(秒)

            scrollPic_02.initialize(); //初始化

            //--><!]]>
        </script>
        <!--中间下部分-->
        <div id="container1">
                <div class="container1left">
                    <h1>
                        <img src="images/tab_09.gif" width="345" height="33" />
                    </h1>
                    
                    <h2 >
                        <img src="images/tab_17.gif" width="344" height="81" />
                    </h2>
                    <p> 阿洛奇美第体育用品有限公司位于广州市天河路365号天俊阁 1202公司主营各类体育用品，集生产、批发、销售于一体，产 品种类丰富，销售网络覆盖全国各地…
                        <span>[更多详情]</span>
                   </p>
                </div>
      <div class="container1center">
               <h1><img src="images/tab_09.gif" width="345" height="33" /></h1>
                  <div class="about_us">
                  
                    <p class="p1">
                    <img src="images/tab_img.gif" width="136" height="81" />
                    </p>
                    
                    <p class="p2">
                    <span class="span">热烈祝贺阿洛奇美第官网正式上线</span><br/>
    阿洛奇美第体育用品有限公司位于广州<br/>
    市天河路365号天俊阁…
    				</p>
                    
                  </div>
 
                  <div class="about_us">
                  <ul><li>热烈祝贺阿洛奇美第官网正式上线<span>2014-04-10</span></li>
                  <li>热烈祝贺阿洛奇美第官网正式上线<span>2014-04-10</span></li>
                  <li>热烈祝贺阿洛奇美第官网正式上线<span>2014-04-10</span></li></ul>
                  
                  </div>
      
      </div>
                <div class="container1right">
                <h1><img src="images/tab_13.gif" width="241" height="33" /></h1>
                <ul><li>阿洛奇美第体育用品有限公司</li>
                <li>地址：广州市天河路365号天俊阁1202</li>
                <li>电话：020 38812035</li>
                <li>传真：020 38812035</li>
                <li>联系人：张先生</li>
                <li>手机：186XXXXXXXX</li>
                </ul>
    		 </div>
             <p><img src="images/partner.jpg" width="190" height="28" /></p>
             
             
             <div class="partner">
             <ul><li><img src="images/adidas.jpg" width="185" height="81" /></li>
             <li class="partnercenter">
             <img src="images/adidas.jpg" width="185" height="81" />
             </li>
             <li class="partnercenter">
             <img src="images/adidas.jpg" width="185" height="81" />
             </li>
             <li class="partnercenter">
             <img src="images/adidas.jpg" width="185" height="81" />
             </li>
             <li class="partnercenter"></li>
             <span class="partnercenter"><img src="images/adidas.jpg" width="185" height="81" /></span>
             
             </ul>
             
             </div>
     </div> 
     
     
<div class="clearfloat"></div>
        <!--底部-->

   <div  class="footer">Copyright © 2014 阿洛奇美第体育用品 All Rights Reserved.</div>
</body>
</html>
